<div class="navbar navbar-fixed-top header" ng-hide="firstPage">
  <div class="header_box">
    <img src="./images/goToBack.png" alt="" class="goBack" ng-show="back" ng-click="backToUpPage()">
    <span class="pageTitle">{{title}}</span>
    <div class="others-function-box">
      <div ng-repeat="item in others">
        <img alt="" class="others-function" src="{{item.iconSrc}}" ng-if="item.iconSrc" ng-click="item.iconTap()">
        <span  class="others-function-text" ng-bind="item.text" ng-if="item.text" ng-click="item.iconTap()"></span>
      </div>
    </div>
  </div>
</div>
<div class="navbar navbar-fixed-bottom transverse footer" ng-show="firstPage">
  <div class="icon-top" ui-sref="tab.home" ui-sref-active="active">
    <i class="home"></i>
    <span>首页</span>
  </div>
  <div class="icon-top" ui-sref="tab.discovery" ui-sref-active="active">
      <i class="find"></i>
      <span>发现</span>
  </div>
  <div class="icon-top" id="selectStateBtn" data-toggle="modal" data-target="#selectState">
    <i class="colligate logistics-{{logistics}}"></i>
    <span>{{logistics|toCn}}</span>
  </div>
  <div class="icon-top" ui-sref="tab.order" ui-sref-active="active">
    <i class="order"></i>
    <span>订单</span>
  </div>
  <div class="icon-top" ui-sref="tab.about" ui-sref-active="active">
    <i class="my"></i>
    <span>我的</span>
  </div>
</div>
<div class="modal fade" id="selectState" role="dialog" aria-labelledby="myModalLabel" tabindex="-1">
  <div>
    <div class="icon-top logistics" ng-click="selectState(0)"  data-toggle="modal" data-target="#selectState">
      <i class="logistics-{{logisticslist[0]}}"></i>
      <span>{{logisticslist[0]|toCn}}</span>
    </div>
    <div class="icon-top logistics" ng-click="selectState(1)"  data-toggle="modal" data-target="#selectState">
      <i class="logistics-{{logisticslist[1]}}"></i>
      <span>{{logisticslist[1]|toCn}}</span>
    </div>
  </div>
  <div>
    <div class="icon-top colligates">
      <i class="colligate logistics-{{logistics}}"></i>
      <span>{{logistics|toCn}}</span>
    </div>
  </div>
</div>
<div ng-class="{true:'firstPageContent',false:'content'}[firstPage]" ui-view></div>
<script>
    $(function () {
        $('#selectState').on('show.bs.modal', function (e) {
            $('#selectStateBtn').animate({
                "opacity":'0'
            },150);
        });
        $('#selectState').on('hide.bs.modal', function (e) {
            $('#selectStateBtn').animate({
                "opacity":'1'
            },150);
        });
    })
</script>